const csss = [{
  id: `1`,
  type: `css`,
  title: `CSS选择器(10个)及其优先级`
}, {
  id: `2`,
  type: `css`,
  title: `CSS中可继承与不可继承属性有哪些`
}, {
  id: `3`,
  type: `css`,
  title: `display的属性值及其作用`
}, {
  id: `4`,
  type: `css`,
  title: `display的block、inline和inline-block的区别`
}, {
  id: `5`,
  type: `css`,
  title: `隐藏元素的方法有哪些`
}, {
  id: `6`,
  type: `css`,
  title: `link和@import的区别`
}, {
  id: `7`,
  type: `css`,
  title: `transition和animation的区别`
}, {
  id: `8`,
  type: `css`,
  title: `display:none与visibility:hidden的区别`
}, {
  id: `9`,
  type: `css`,
  title: `伪元素和伪类的区别和作用？`
}, {
  id: `10`,
  type: `css`,
  title: `对requestAnimationframe的理解`
}, {
  id: `11`,
  type: `css`,
  title: `对盒模型的理解`
}, {
  id: `12`,
  type: `css`,
  title: `为什么有时候⽤translate来改变位置⽽不是定位？`
}, {
  id: `13`,
  type: `css`,
  title: `li 与 li 之间有看不见的空白间隔是什么原因引起的？如何解决？`
}, {
  id: `14`,
  type: `css`,
  title: `CSS3中有哪些新特性`
}, {
  id: `15`,
  type: `css`,
  title: `替换元素的概念及计算规则`
}, {
  id: `16`,
  type: `css`,
  title: `常见的图片格式及使用场景`
}, {
  id: `17`,
  type: `css`,
  title: `对 CSSSprites 的理解`
}, {
  id: `18`,
  type: `css`,
  title: `什么是物理像素，逻辑像素和像素密度，为什么在移动端开发时需要用到@3x, @2x这种图片？`
}, {
  id: `19`,
  type: `css`,
  title: `margin 和 padding 的使用场景`
}, {
  id: `20`,
  type: `css`,
  title: `对line-height 的理解及其赋值方式`
}, {
  id: `21`,
  type: `css`,
  title: `CSS 优化和提高性能的方法有哪些？`
}, {
  id: `22`,
  type: `css`,
  title: `CSS预处理器/后处理器是什么？为什么要使用它们？`
}, {
  id: `23`,
  type: `css`,
  title: `::before 和 :after 的双冒号和单冒号有什么区别？`
}, {
  id: `24`,
  type: `display:inline-block 什么时候会显示间隙？`,
}, {
  id: `25`,
  type: `css`,
  title: `单行、多行文本溢出隐藏`
}, {
  id: `26`,
  type: `css`,
  title: `Sass、Less 是什么？为什么要使用他们？`
}, {
  id: `27`,
  type: `css`,
  title: `对媒体查询的理解？`
}, {
  id: `28`,
  type: `css`,
  title: `对 CSS 工程化的理解`
}, {
  id: `29`,
  type: `css`,
  title: `如何判断元素是否到达可视区域`
}, {
  id: `30`,
  type: `z-index属性在什么情况下会失效`,
}, {
  id: `31`,
  type: `css`,
  title: `常见的CSS布局单位`
}, {
  id: `32`,
  type: `css`,
  title: `px、em、rem的区别及使用场景`
}, {
  id: `33`,
  type: `css`,
  title: `两栏布局的实现`
}, {
  id: `34`,
  type: `css`,
  title: `三栏布局的实现`
}, {
  id: `35`,
  type: `css`,
  title: `水平垂直居中的实现`
}, {
  id: `36`,
  type: `css`,
  title: `如何根据设计稿进行移动端适配？`
}, {
  id: `37`,
  type: `css`,
  title: `对Flex布局的理解及其使用场景`
}, {
  id: `38`,
  type: `css`,
  title: `响应式设计的概念及基本原理`
}, {
  id: `39`,
  type: `css`,
  title: `为什么需要清除浮动？清除浮动的方式`
}, {
  id: `40`,
  type: `css`,
  title: `BFC（块级格式化上下文）的理解及其应用`
}, {
  id: `41`,
  type: `css`,
  title: `使用 clear 属性清除浮动的原理？`
}, {
  id: `42`,
  type: `css`,
  title: `对BFC的理解，如何创建BFC`
}, {
  id: `43`,
  type: `css`,
  title: `什么是margin重叠问题？如何解决？`
}, {
  id: `44`,
  type: `css`,
  title: `元素的层叠顺序`
}, {
  id: `45`,
  type: `css`,
  title: `display、float、position的关系`
}, {
  id: `46`,
  type: `css`,
  title: `absolute与fixed共同点与不同点`
}, {
  id: `47`,
  type: `css`,
  title: `对 sticky 定位的理解`
}, {
  id: `48`,
  type: `css`,
  title: `实现一个三角形`
}, {
  id: `49`,
  type: `css`,
  title: `实现一个扇形`
}, {
  id: `50`,
  type: `css`,
  title: `实现一个宽高自适应的正方形`
}, {
  id: `51`,
  type: `css`,
  title: `画一个0.5px的线`
}, {
  id: `52`,
  type: `css`,
  title: `设置小于12px的字体`
}, {
  id: `53`,
  type: `css`,
  title: `如何解决 1px 问题？`
}, {
  id: `54`,
  type: `css`,
  title: `如何理解层叠上下文？`
}]

export default csss